<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="apple-mobile-web-app-capable" content="yes"/>
	    <meta http-equiv="X-UA-Compatible" content="IE=edge">
	    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
	   	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no" />
		<title></title>
		<link rel="stylesheet" href="__PUBLIC__/Goods/css/shopping.css" />
		<link rel="stylesheet" href="__PUBLIC__/Goods/css/iconfont/iconfont.css" />
		<link rel="stylesheet" href="__PUBLIC__/Goods/css/swiper-3.4.2.min.css" />
		<script src="__PUBLIC__/Goods/js/swiper-3.4.2.min.js"></script>
	</head>
	<body>
		<div id="content">
			<header>
				<i class="iconfont icon-fanhui"></i>
				<p>{$goodsList.goods_name}</p>
				<i class="iconfont icon-shenglve"></i>
			</header>
			<section class="advertising">
				<img src="__PUBLIC__/Goods/img/食安购.png" alt="" />
				<h3>下载注册食安购</h3>
				<p>免费领取食安购新人专属好礼</p>
				<button>打开APP</button>
			</section>
			<div id="roasting" class="swiper-container">
				<div class="swiper-wrapper">
				<foreach name='imagesList' item='image'>
					<div class="swiper-slide">
						<img src="{$image.thumb_url}" alt="" />
					</div>
				</div>
				</foreach>
				<div class="swiper-pagination"></div>
			</div>
			<section class="shopping-information">
				<h3>{$goodsList.goods_name}</h3>
				<p class="prompting">农场直供 有机认证 软糯细腻 鲜嫩可口</p>
				<p class="sales-price">
					<span class="sales-price-left">￥{$goodsList.shop_price}</span>
					<span class="sales-price-right">已售:{$goodsList.goods_number}</span>
				</p>
				<ul>
					<li><i class="iconfont icon-dui"></i>农场直供</li>
					<li><i class="iconfont icon-dui"></i>及时送达</li>
					<li><i class="iconfont icon-dui"></i>有机认证</li>
					<li><i class="iconfont icon-dui"></i>售后无忧</li>
				</ul>
			</section>
			<div class="apprise">
				<p>看看大家怎么说</p>
				<!--<i class="iconfont icon-xia"></i>-->
				<section>
					<dl>
						<dt><img src="__PUBLIC__/Goods/img/face.png"/></dt>
						<dd>
							<p class="telphone">183****5366</p>
							<p class="time">2017-08-01</p>
						</dd>
					</dl>
					<div>
						特别新鲜，物流特别快，很喜欢！！
					</div>
				</section>
				<section>
					<dl>
						<dt><img src="__PUBLIC__/Goods/img/face.png"/></dt>
						<dd>
							<p class="telphone">183****5366</p>
							<p class="time">2017-08-01</p>
						</dd>
					</dl>
					<div>
						特别新鲜，物流特别快，很喜欢！！
					</div>
				</section>
				<section>
					<dl>
						<dt><img src="__PUBLIC__/Goods/img/face.png"/></dt>
						<dd>
							<p class="telphone">183****5366</p>
							<p class="time">2017-08-01</p>
						</dd>
					</dl>
					<div>
						特别新鲜，物流特别快，很喜欢！！
					</div>
				</section>
				<section>
					<dl>
						<dt><img src="__PUBLIC__/Goods/img/face.png"/></dt>
						<dd>
							<p class="telphone">183****5366</p>
							<p class="time">2017-08-01</p>
						</dd>
					</dl>
					<div>
						特别新鲜，物流特别快，很喜欢！！
					</div>
				</section>
				<section>
					<dl>
						<dt><img src="__PUBLIC__/Goods/img/face.png"/></dt>
						<dd>
							<p class="telphone">183****5366</p>
							<p class="time">2017-08-01</p>
						</dd>
					</dl>
					<div>
						特别新鲜，物流特别快，很喜欢！！
					</div>
				</section>
				<p class='download'><button>下载食安购APP 查看更多评价</button></p>
			</div>
			<section class="shopping-image"></section>
			<div id="goodsDetailes" style='width:100%;position:relative;top:110px;left:0;z-index:1000;'>
				{$goods_desc}  
			</div>
		</div>
	</body>
	<script>
		var mySwiper = new Swiper('#roasting',{
			pagination : '.swiper-pagination',
			autoplay: 3000,
			autoplayDisableOnInteraction: false,
			loop: true
		})
	</script>
</html>
